<html>
  <head>

  </head>

  <body>

    <div id="div1">
      ddd
      <div class="div">
        5w5wt
        <div>hahah</div>
      </div>
      111
      <div class="div">ddd3</div>
      222
      <div class="div">333</div>
      sss
    </div>
    <div id="div2"></div>
  </body>

  <script>
    var tags = document.getElementsByTagName('div') // HtmlCollection

    console.log(tags)

    var class1 = document.getElementsByClassName('div') // HtmlCollection

    console.log(class1)

    var div = document.querySelector('#div1')

    console.log(div)


    var id1 = document.getElementById('div1')
    console.log('id',id1.childNodes)

    console.log('dddd',document.childNodes)

    
  </script>
</html>